@charset "utf-8";


@import "common";
@import "reset";



.web_2{
    // overflow-y: hidden;
    height: 100%;
    overflow:scroll; 

    .nav{
        margin: vw(50px) vw(25px) vw(20px) vw(25px);
        width: vw(705px);
        height: vw(60px);
        display: flex;
        justify-content: space-between;
        .back{
            display: inline-block;
            width: vw(125px);
            height: vw(60px);
            border-radius: vw(30px);
            
            box-sizing: border-box;
            border: 1px solid $index_color;
            text-align: center;
            span{
                font-size: vw(30px);
            }
          
        }
        span{
            line-height: vw(60px);
        }
        i{
            font-size: vw(55px);
            color: $index_color;
            
        }
    }


    section{
        // overflow-y: hidden;
        
        .kv{
            img{
                width: vw(750px);
            }

            
        }
        .buy{
            width: vw(664px);
            margin-left:vw(23px) ;
            margin-bottom:vw(30px) ;
            display: flex;
            justify-content: space-between;

       
        span{
            font-size: vw(72px);
            color: $index_color;
            vertical-align: middle;
            
        }
        .buy_bottom{
            margin-top: vw(30px);
            display: inline-block;
            background-color:$index_color ;
            width: vw(110px);
            height: vw(60px);
            border-radius:vw(20px) ;
            text-align: center;
            line-height: vw(64px);
            span{
                // line-height: vw(32px);
                vertical-align:top;
                font-size: vw(32px);
                color:white;
               
            }
        }

    }
    .comment{
        padding-left: vw(35px);
        padding-right: vw(40px);
        display: flex;
        justify-content: space-between;
        .left{
            margin-bottom:vw(20px) ;
            display: inline-block;
            i{
                color: $index_color;
                font-size: vw(40px);
            }
            span{
                font-size: vw(30px);
            }
            span:nth-of-type(2){
                color: $index_color;
            }
        }
        .right{
            display: inline-block;
            span{
                font-size: vw(26px);
                vertical-align: text-bottom;
            }
        }
    }


    .business{
        background-color:$index_color ;
        width: vw(665px);
        height: vw(65px);
        display: flex;
        justify-content: space-between;
        margin-left: vw(45px);



        span{
            font-size: vw(35px);
            color: white;
            line-height: vw(70px);
            padding-left: vw(10px);
        }
        i{
            font-size: vw(35px); 
            color: white;
            line-height: vw(70px);
        }
    }
    .template_box{
        display: flex;
        justify-content: space-between;
        padding-left: vw(40px);
        padding-right: vw(40px);
        padding-top:vw(20px) ;
        .images{
            display: inline-block;
            img{
                width: vw(175px);
                height: vw(175px);
    
            }
    
        }
        .center{
            width: vw(340px);
            display: inline-block;
            p{
                font-size: vw(30px);

            }
            i{
                font-size: vw(30px);
                color: $index_color;

            }
            span{
                font-size: vw(26px);
            }
            a{
               
                color: $index_color;
                font-size: vw(22px);

            }
            p:nth-of-type(2){
                font-size: vw(22px);
                margin-top:vw(5px) ;
                margin-bottom:vw(8px) ;
                color: gray;
            }
        }
        .buttom{
            margin-top:vw(40px) ;
            display: inline-block;
            width: vw(110px);
            height: vw(60px);
            background-color: $index_color;
            border-radius: vw(20px);
            text-align: center;

            
            span{
                font-size: vw(30px);
                color: white;
                line-height:vw(60px) ;
                
            }
            
        }

    }
    




    }


}